<!DOCTYPE html>
<html>

<head>
    <!-- @@include modules/_template_mate.html -->
</head>

<body>
    <!-- @@include modules/_template_header.html -->
    <div class="indexBanner">
        <div class="swiper-container" id="indexBanner">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="assets/img/index/index_banner2.jpg" alt="...">
                    <div class="slide_text">
                        <div class="slide_text_title" style="color: #0078bd;">
                            丰盛是大家的
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <img src="assets/img/index/index_banner3.jpg" alt="...">
                    <div class="slide_text">
                        <div class="slide_text_title">
                            健康丰盛
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <img src="assets/img/index/tmp_banner1.jpg" alt="...">
                    <div class="slide_text">
                        <div class="slide_text_title">
                            快乐健康
                        </div>
                    </div>
                </div>
            </div>
            <div class="swiper-pagination"></div>
        </div>
    </div>
    <!-- 文摘 -->
    <section class="container">
        <div class="index-wenzai row">
            <div class="iw-left col-sm-6">
                <div class="swiper-container" id="swiper-left">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide"><img src="assets/img/index/index_kv1.jpg" alt="..."></div>
                        <div class="swiper-slide"><img src="assets/img/index/index_kv2.jpg" alt="..."></div>
                        <div class="swiper-slide"><img src="assets/img/index/index_kv3.jpg" alt="..."></div>
                    </div>
                </div>
            </div>

            <div class="iw-right col-sm-6">

                <div class="swiper-container" id="swiper-right">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="title-one left">
                                <h2>健康文摘</h2>
                                <div class="line"></div>
                                <a href="javascript:;" class="more">更多<span class="icon ic-right"></span></a>
                            </div>
                            <br>
                            <h3>中医支招打好春天的健康</h3>
                            <p>春天如约而至，万物迸发出勃勃生机 。 俗话说，一年之计在于春，对于我们的健康而言，春季的健康便是为新的一年打下坚实的身体基础，所以万物迸发出勃勃生机</p>
                        </div>
                        <div class="swiper-slide">
                            <div class="title-one left">
                                <h2>健康文摘</h2>
                                <div class="line"></div>
                                <a href="javascript:;" class="more">更多<span class="icon ic-right"></span></a>
                            </div>
                            <br>
                            <h3>最适宜五月的季节养生水果</h3>
                            <p>五月是夏天即将开始来临的时候，炎炎热的夏季即将就要到来了，那么在五月我们要吃哪些水果蔬菜对养生是最好的呢？</p>
                        </div>
                        <div class="swiper-slide">
                            <div class="title-one left">
                                <h2>健康文摘</h2>
                                <div class="line"></div>
                                <a href="javascript:;" class="more">更多<span class="icon ic-right"></span></a>
                            </div>
                            <br>
                            <h3>初夏养生攻略</h3>
                            <p>中医认为养生要顺应季节的特点。春夏之交过渡时期，天气变化莫测，也是疾病高发季。如何在初夏做好养生保健？一起来学习安然度夏的养生之道吧。</p>
                        </div>
                    </div>
                </div>
                <div class="swiper-pagination"></div>
            </div>
        </div>
    </section>

    <!-- 新闻资讯 -->
    <section class="container">
        <div class="title-one left">
            <h2>新闻资讯</h2>
            <div class="line"></div>
            <a href="javascript:;" class="more">更多<span class="icon ic-right"></span></a>
        </div>
        <div class="row index-news">

            <div class="col-sm-3 item-news">
                <div class="box">
                    <div class="img"><img src="assets/img/index/index_news_01.jpg" alt=""></div>
                    <div class="inner">
                        <h3>集团健康计划正式启动</h3>
                        <h4>2018.11.7</h4>
                    </div>
                </div>
            </div>

            <div class="col-sm-3 item-news">
                <div class="box">
                    <div class="img"><img src="assets/img/index/index_news_02.jpg" alt=""></div>
                    <div class="inner">
                        <h3>丰盛、驴妈妈、强强联手打造健康旅行联盟</h3>
                        <h4>2018.12.11</h4>
                    </div>
                </div>
            </div>

            <div class="col-sm-3 item-news">
                <div class="box">
                    <div class="img"><img src="assets/img/index/index_news_03.jpg" alt=""></div>
                    <div class="inner">
                        <h3>丰盛控股携手景域开拓文化旅游度假市场</h3>
                        <h4>2018.4.7</h4>
                    </div>
                </div>
            </div>

            <div class="col-sm-3 item-news">
                <div class="box">
                    <div class="img"><img src="assets/img/index/index_news_04.jpg" alt=""></div>
                    <div class="inner">
                        <h3>丰盛集团荣获第二届慈善之星表彰</h3>
                        <h4>2018.4.7</h4>
                    </div>
                </div>
            </div>
        </div>

    </section>
    <section class="index_business container">
        <div class="container">
            <div class="title-one">
                <h2>我们的业务</h2>
                <div class="line"></div>
            </div>
            <div class="row">
                <div class="col-lg-2"></div>
                <div class="col-lg-2 col-md-3 col-sm-3 col-xs-6 inner">
                    <a href="business1.html" class="box box1" target="_blank">
                        <div class="innerbox">
                            <span class="icon ic-jianzu"></span>
                            <div class="title">建设投资</div>
                            <div class="line"></div>
                        </div>
                    </a>
                </div>
                <div class="col-lg-2 col-md-3 col-sm-3 col-xs-6 inner">
                    <a href="business1.html" class="box box2" target="_blank">
                        <div class="innerbox">
                            <span class="icon ic-heart"></span>
                            <div class="title">健康养生</div>
                            <div class="line"></div>
                        </div>
                    </a>
                </div>
                <div class="col-lg-2 col-md-3 col-sm-3 col-xs-6 inner">
                    <a href="business1.html" class="box box3" target="_blank">
                        <div class="innerbox">
                            <span class="icon ic-san"></span>
                            <div class="title">文化旅游</div>
                            <div class="line"></div>
                        </div>
                    </a>
                </div>
                <div class="col-lg-2 col-md-3 col-sm-3 col-xs-6 inner">
                    <a href="business1.html" class="box box4" target="_blank">
                        <div class="innerbox">
                            <span class="icon ic-zhizhao"></span>
                            <div class="title">高端制造</div>
                            <div class="line"></div>
                        </div>
                    </a>
                </div>
                <div class="col-lg-2"></div>
            </div>
        </div>
    </section>
    <!-- @@include modules/_template_footer.html -->
    <!-- @@include modules/_template_script.html -->
</body>
<script type="text/javascript">
    var imgw = $(".index-news img").width();
    $(".index-news img").height(imgw * 0.62);

    $(window).resize(function() {
        var newheight = $(".index-news img").width() * 0.62;
        $(".index-news img").height(newheight);
    });

    var leftSwiper = new Swiper('#swiper-left', {
        autoplay: true, //可选选项，自动滑动
        allowTouchMove: false
    });
    var rightSwiper = new Swiper('#swiper-right', {
        autoplay: true, //可选选项，自动滑动
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },
        on: {
            slideChangeTransitionEnd: function() {
                var index = this.activeIndex; //切换结束时，告诉我现在是第几个slide
                leftSwiper.slideTo(index, 600, false); //切换到第一个slide，速度为1秒
            }
        }
    });

    var indexBanner = new Swiper("#indexBanner", {
        autoplay: {
            delay: 5000, //1秒切换一次
        },
        loop: true,
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        }
    });
</script>

</html>